<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Progressive Web Apps</title>
  <link rel="stylesheet" href="/src/css/app.css">
</head>
<body>
<div class="title">
  <h1>Progressive Web Apps</h1>
</div>
<div class="content">
  <div class="course-feature" id="installable">
    <p>They're installable (without an App Store)!</p>
  </div>
  <div class="course-feature" id="offline">
    <p>They can work offline!</p>
  </div>
  <div class="course-feature" id="responsive">
    <p>They look good on any device</p>
  </div>
  <div class="course-feature" id="push">
    <p>You can receive Push Messages...</p>
  </div>
  <div class="course-feature" id="notifications">
    <p>...and show Notifications</p>
  </div>
  <div class="course-feature" id="native-features">
    <p>PWAs can access native device features like the Camera</p>
  </div>
  <div class="course-feature" id="more">
    <p>And so much more!</p>
  </div>
</div>
<div class="start-over">
  <button>Start Again!</button>
</div>
<script src="/src/js/app.js"></script>
</body>
</html>